* {
  margin: 0;
  padding: 0;
  border: none;
}

html {
  position: relative;
  min-height: 100%;
}


body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #2d2e2f;
   margin: 0;
}

h1, h2, h3 {
	font-family: 'Roboto Slab', serif;

}

h4, h5, h6 {
font-family: 'Open Sans', sans-serif;

}

h1, .h1 {
	font-size: 36px; /*!important;*/
	font-weight: 400;
	line-height: 46px;
	margin-top: 0;
}

h1:after,
.h1:after {
	content:"";
	width: 20px;
	height: 3px;
	margin: 10px 0 20px;
	display: block;
}

h2 {
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 20px;
}

h3 {
	font-size: 24px;
	font-weight: 400;
}

h4 {
	font-size: 20px;
	font-weight: 700;
}

h5 {
	font-size: 15px;
}

h6 {
	font-size: 14px;  /*!important;*/
	font-weight: 700;
}

p,
.moduleContent {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 15px;
  color: #2d2e2f;	
}

strong {
	font-weight: 700;
}

a,
a:visited,
a:link{
	text-decoration: none;	
}

a:hover,
a:focus,
a:active {
	text-decoration: underline;	
}


h4 a,
h4 a:active,
h4 a:link,
h4 a:visited {
	text-decoration: none;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;		
}

h4 a:hover,
h4 a:focus {
	text-decoration: none;
}

h5 a,
h5 a:active,
h5 a:link,
h5 a:visited {
	font-size: 15px;
	text-decoration: none;
}

h5 a:hover,
h5 a:focus {
	text-decoration: none;
}

#headerPanel {
	margin: 0;
	min-height: 150px;
}

.cb {
	clear: both;
}

#parishNamePanel {
	float: left;
	padding: 10px 0 20px 10px;
}

#parishNamePanel div {
	font-weight: bold;
	font-size: 32px;
}

#parishName {
	font-family: 'Roboto Slab', serif;
	font-size: 34px;
	line-height: 36px;
	font-weight: 400;
	/*margin-left:15px;*/
}

/*Top menu navigation*/
#menuPanel {
	float: left;
	clear: both;
	padding: 10px 0 20px 10px;	
	overflow: hidden;
	height: 25px;
}

.headerMenu {
  overflow: hidden;
}
.navicon{
	display: none;
}
.navicon:hover {	
	text-decoration: none;
	color: #fff!important;	
	background-color: #49AABB;
}

#menuPanel span.root  {
	padding: 0 25px 0 0;
}

#menuPanel .txt {
	text-transform: uppercase;
	font-weight:600;
	font-size: 16px;
	padding: 0 0 4px;
	margin:0;	
	border-color: transparent;
	-webkit-transition: border-color 0.5s ease;
	-moz-transition: border-color 0.5s ease;
	-o-transition: border-color 0.5s ease;
	transition: border-color 0.5s ease;	
}

#parishPanel {
	padding: 32px 0;
	margin:0;
}

.parishContent {
	background-position: 0 0;
	background-repeat: repeat;
	min-height:299px;
}

#parishDetailsPanel .parishDetailsContent {
	padding: 20px;
	font-size: 14px;
	line-height: 1.5;
    bottom: 10px;
	position:absolute;
	left:710px;	
}

#parishDetailsPanel .parishDetailsContent i {
	padding: 0 5px 0 0;
	width: 16px;
}

#parishDetailsPanel .parishDetailsContent a {
	text-decoration: none;
}

#parishDetailsPanel .parishDetailsContent .parishAddress {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 20px;
}

#parishDetailsPanel .parishDetailsContent .parishData {
font-size: 16px;
font-weight: 300;
}

.mainContentInner {
	background-image:url(images/left-panel-bg.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

.leftPanel {
	float: left;
	padding-bottom: 60px;
	width: 270px;
}

.leftBlock {
	margin-top: 45px;
}

.leftBlock h3 {
	text-transform: uppercase;
}

.dnnPEMLeftPaneWithTitle {
	padding: 0 15px 0 0;
}
#subMenuPanel{width: 270px;}

#subMenuPanel h3 {
	padding-top: 10px;
	padding-bottom: 40px;
	text-transform:uppercase;
}

#subMenuPanel h3,
#dnn_LeftPane {
	margin-right: 15px;
}
.ParishFilePane,
.ParishLinkPane h3,
#subMenuPanel h3 {
	margin-top: 0px;
	margin-bottom: 30px;
}
.ParishFilePane,
.ParishLinkPane h3 {
	margin-left: 0px;
}
#subMenuPanel h3,
#dnn_LeftPane {
	margin-left: 15px;
}

.DnnModule-XModPro .ModXModProC .bunder {
	border-bottom: 1px solid #dcdadf;
	padding-bottom: 15px;
}

.leftBlock .ParishFilePane {
	margin-bottom: 30px;
}

/*Files & Links*/
.FileItemWrap {
	margin-bottom: 20px;
}

.FileItemWrap p {
	font-size: 13px;
	margin-bottom: 5px;
}

.ItemDownload i {
	padding: 0 5px 0 0;
}

.ItemDownload a,
.ItemDownload a:visited,
.ItemDownload a:active {
	font-size: 13px;
	text-decoration: underline;
}

.ItemDownload a:hover,
.ItemDownload a:focus {
	text-decoration: none;
}
.contentPanel {
	float: left;
	padding-bottom: 80px;	
	width: 70%;

}

.contentPanel > h1 {
	padding: 30px 30px 10px 30px;
}

.contentMain {
	padding: 0px 30px 15px 30px;
}

h2.newsTitle {
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 5px;
}

h5.newsTitle {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 30px;
}

h5.newsTitle a {
	text-decoration: none;
}

h5.newsTitle a:hover,
h5.newsTitle a:focus {
	text-decoration: underline;
}

.ModDNNNewsFeedsC p.rssLine {
	float: left;
	text-align: left;
}

.ModDNNNewsFeedsC > div {
	float: left;
	width: 97%;
}

.contentMain .DNN_News_ItemLink {
	margin-bottom: 5px;
}

.contentMain .DNN_News_ItemLink a {
/*	font-size: 16px;*/
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;		
}

.contentMain .DNN_News_ItemLink a:hover,
.contentMain .DNN_News_ItemLink a:focus,
.contentMain .DNN_News_ItemLink a:active {
	text-decoration: none;	
}

.contentMain .DNN_News_ItemDate {
	text-decoration:none;
	font-style: normal;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#footerPanel #loginPanel,
#footerPanel #copyrightPanel {
	font-size: 13px;
	line-height: 20px;
	padding: 30px 15px;
}

#footerPanel #copyrightPanel {
	float: left;
	background-position: 0 0;
	background-repeat: repeat;
	width: 240px;
}

#footerPanel #loginPanel {
	text-align:right;
	position: relative;
	right:0;
}

#footerPanel {
	background-position: 0 0;
	background-repeat: repeat;
	height:80px;
}

#toTop {
	background-color: rgba(250,250,250,0.8);
    position: fixed;
	right:10px;
	text-align:center;
	padding:5px;
    bottom: 100px!important;
    z-index: 251;
    border: 1px solid rgba(0, 0, 0, .1);
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	border-radius: 10px;
	width:40px;
}
.webContent {
	max-width:1170px;
	min-width:768px;
	margin: 0 auto;
	padding: 0
}
#websiteContent {
	color: #333333;
	line-height: 17px;
}
.ParishMassWrap .dt 
{
    margin:10px 22px;
}
/* Forms */

.bstrap3-material textarea,
.bstrap3-material textarea.form-control, 
.bstrap3-material input.form-control, 
.bstrap3-material input[type=text], 
.bstrap3-material input[type=password], 
.bstrap3-material input[type=email], 
.bstrap3-material input[type=number],
.bstrap3-material [type=text].form-control, 
.bstrap3-material [type=password].form-control, 
.bstrap3-material [type=email].form-control, 
.bstrap3-material [type=tel].form-control,
.bstrap3-material [contenteditable].form-control {
	padding: 10px !important;
	border: 1px solid #dedede !important;
	background-color: #fff !important;	
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.bstrap3-material select, 
.bstrap3-material select.form-control {
	padding: 10px !important;
	border: 1px solid #dedede !important;
	background-color: #fff !important;	
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.bstrap3-material .form-horizontal .label-right {
    text-align: left !important;
    margin: 0 0 5px;
    clear: both;
    width: 100%;
}

.bstrap3-material .btnc {
	margin-left: 0 !important;
}


/* ----------------------------------- navigation Bar styling ------------------------------------------ */

#navigationBar {
	height: 35px;
	border-top: 2px solid #fff;
	margin-top:270px
}

#navigationBarOther
{
    border-top:2px solid white;
    margin-bottom:15px;
}

.menuBar 
{
    background-color:#98c640;    
}

.contentMenu 
{
    background-color:#324856; 
    width:990px;   
    font-family: Arial, Helvetica, sans-serif; 
    cursor: pointer; 
    font-size: 13px; 
    border-bottom: 9px solid #98c640;
    clear: both; 
}



.mainMenu .root { 
	line-height: 36px; 
	padding: 4px 15px;
	font-weight: 700;
}

/* Main menu hover */
/*.contentMenu .mainMenu .hov { color:#fff; background:url(images/menuBarHighlight.png) repeat-x; border-bottom:2px solid #98c640  }
*/


/* general submenu css */

.mainMenu .m                    {width: 210px; font-size: 11px; z-index: 1000; font-family: Arial,Helvetica,sans-serif; font-size:12px; background:#92b846; }

.mainMenu .m .mi                {background:url(images/dropDownMenu.png) repeat-x;}
.mainMenu .m .icn               {padding-left: 5px; width: 7px; height:26px;}
/*.mainMenu .m .mi              { border-top:2px solid black;}   change * to .txt with latest webcontrols */
.mainMenu .m .mi .txt {color: white; padding-right:5px;}
.mainMenu .m .sel, .mainMenu .m .bc {  background:url(images/dropDownMenuH.png) repeat-x }
.mainMenu .m .hov               { background:#324856;  }
#sectionnav {
    background-color: #387B2F;
}
.mainMenu .m .mi  .hov 
{
    border-top:2px solid white;
}    
/* ----------------------------------- TOP navigation Bar styling ------------------------------------------ */

#TopNavigation {
	height: 22px;
	border-top: 2px solid #fff;
	border-bottom:3px solid White
}


.contentMenuTop{ background-color:#000000; width:990px;   font-family:  Arial, Helvetica, sans-serif; cursor: pointer; font-size: 10px; clear: both; }

/*
.mainMenu_left                  {background: url(images/menu_left.png) no-repeat top left;}
.mainMenu_right                 {background: url(images/menu_right.png) no-repeat top right;} */

.mainMenuTop .root                 {text-align: center; line-height: 20px; padding: 2px 5px 0px 5px; color: White;  border-right:1px dotted #7C518B; }

/* Main menu hover */
.contentMenuTop .mainMenuTop .hov{ color:#509F12; }

/* Main menu selected */

/* general submenu css */
.leftMenuTop { width:120px; height:20px;  display:inline-block; background:url(images/cam_global.jpg); text-indent:-9999px;}


.mainMenuTop .m                    {width: 210px; font-size: 11px; z-index: 1000; margin-top:7px; line-height: 2em; background:#000000; }

.mainMenuTop .m .mi                { background:url(images/dropDownMenuRoot.png) repeat-x}
.mainMenuTop .m .icn               {padding-left: 5px; width: 20px;}
/*.mainMenu .m .mi              { border-top:2px solid black;}   change * to .txt with latest webcontrols */
.mainMenuTop .m .mi .txt {color: white;}
/*.mainMenuTop .m .sel, .mainMenu .m .bc {  background:url(images/dropDownMenuH.png) repeat-x }*/
.mainMenuTop .m .hov               { text-decoration:underline;}
#sectionnav {
    background-color: #387B2F;
}

#Breadcrumb 
{
    margin:15px 0 20px 20px;
     font-weight:lighter;

}


#Breadcrumb a
{
    color:#666666;   
    font-size:11px;
      font-weight:lighter;
}

.camUser a
{
    float:left;
    font-size:11px;
    color:White;
    padding:12px 0 0 0;
    margin-left:-15px;
}

.camUsers a
{
    float:left;
    font-size:11px;
    color:#666666;
    padding:12px 0 0 0;
    margin-left:-15px;
}


.contentMenuAp{ background-color:#488D44; width:990px;   font-family: Arial, Helvetica, sans-serif; cursor: pointer; font-size: 13px; clear: both;}
.contentMenuAp .mainMenuAp {margin-left:170px;}

.mainMenuAp .root                 {text-align: center; line-height: 45px; padding: 14px 6px 14px 6px; color: White;  border-right:1px solid #7FAF7C; margin-top:15px;}

.mainMenuAp .last {border-right:0px solid #7FAF7C;}
/* Main menu hover */
.contentMenuAp .mainMenuAp .hov{  background:#91bb8f;}

/* general submenu css */

.mainMenuAp .m                    {width: 210px; font-size: 11px; z-index: 1000; margin-top:0px; line-height: 2em; background:#92b846; }

.mainMenuAp .m .mi                {background:url(images/dropDownMenu.png) repeat-x;}
.mainMenuAp .m .icn               {padding-left: 5px; width: 20px;}
/*.mainMenu .m .mi              { border-top:2px solid black;}   change * to .txt with latest webcontrols */
.mainMenuAp .m .mi .txt {color: white;}
.mainMenuAp .m .sel, .mainMenu .m .bc {  background:url(images/dropDownMenuH.png) repeat-x }
.mainMenuAp .m .hov               { background:url(images/dropDownMenuH.png) repeat-x}


/*Parishes*/
#ParishWrapContentPage{ padding-left:10px; padding-right:10px;}
#ParishWrapContentPage .content {width: 600px;float:left;border-right: 1px solid #CCCCCC;display: inline; padding-right:10px; }
#ParishWrapContentPage .right {width: 350px; display:inline; }
 .slider 
{
    height:120px;
    float:left;
    width:100%;
    background:transparent;
    }

#navigationBarOther .mainMenu .PortalHome:hover {color: white; background: url(images/menuBarHighlight.png) repeat-x; border-bottom: 2px solid #324856;padding-top:14px;}


/*Header*/
#ParishHeader{width:990px; height:90px; background-color:#324856; position: relative; overflow: hidden; }
#ParishHeader .EditLink {position: absolute; left: 965px; top: 140px;}
#ParishHeader .Displayname {position: absolute; top: 10px;text-align: center;width: 650px; height:24px; overflow:hidden; color: #98c640; font-weight: bold;font-size: 20px;line-height:20px;}
#ParishHeader .Address {position: absolute;top: 30px;text-align: center;width: 650px; height:50px; overflow:hidden; color: white; font-weight: normal; font-size: 12px;}

#ParishHeader .Telephone {position: absolute;left: 75px;top: 65px;text-align: center; height:50px; overflow:hidden; color: white; font-weight: normal; font-size: 10px;}
#ParishHeader .Telephone .text {float: left; height: 100%;width:60px; text-align:right; }
#ParishHeader .Telephone .details {float: left; height: 100%; text-align:left; margin-left:10px; width:150px;}

#ParishHeader .Fax {position: absolute;left: 425px;top: 65px;text-align: center; height:50px; overflow:hidden; color: white; font-weight: normal; font-size: 10px;}
#ParishHeader .Fax .text {float: left; height: 100%; width:60px; text-align: right; }
#ParishHeader .Fax .details {float: left; height: 100%; text-align:left; margin-left:10px; width:150px;}

#ParishHeader .Email {position: absolute;left: 0;top: 65px;text-align: center;width: 650px;  overflow:hidden; color: white; font-weight: normal; font-size: 10px;}

#ParishHeader .Logo_O {position: absolute; overflow: hidden; width: 200px; left: 781px; top: 1px;height:88px;}

/*Contacts - Parish team*/
#ParishContactPane {
margin-bottom: 40px;
width: 100%;
}

#ParishContactPane .ParishContactWrap .ContactItemWrap {
	float: left;
	padding: 10px 15px;
	width: 100%;
}

#ParishContactPane .ParishContactWrap .ContactItemWrap .ItemData {
	float: left;
	font-size: 14px; /*!important;*/
	min-height: 17px;	
	margin-right:20px;
}
.ContactItemWrap .ItemData:nth-child(1){width: 30%;}
.ContactItemWrap .ItemData:nth-child(2){width: 30%;}
.ContactItemWrap .ItemData:nth-child(3){width: 30%;}
/* Mass Times */

#ParishMassPane {
	margin-bottom: 40px;
	width: 100%;
}
#ParishMassPane .ParishMassWrap .headline{line-height: 20px}
#ParishMassPane .ParishMassWrap .MassItemWrap {
	float: left;
	padding: 10px 15px;
	width: 100%;
}

#ParishMassPane .ParishMassWrap .MassItemWrap div {
	float: left;
	font-size: 14px; /*!important;*/
	min-height: 17px;
	width: 268px;
}

#ParishMassPane .ParishMassWrap .MassItemWrap .Date {
	font-weight: 700;
}

/* Upcoming Events */
.ParishEvents .ParishEventsWrap {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 10px;
	margin-top: 15px;
}
.ParishEventsWrap .EventDate {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 300;
}

.ParishEventsWrap .EventDescription {
	line-height: 22px;

}

/*TeamDetails*/
#ParishDetailsPane h1 {color: #98c640; font-size: 20px;font-weight: normal;}

#ParishDetailsPane .ParishDetailsWrap { font-size: 12px; padding:10px;}
#ParishDetailsPane .ParishDetailsWrap a {color: #98c640; cursor:auto;text-decoration:none;}
#ParishDetailsPane .ParishDetailsWrap a:hover {color: #09C;}

#ParishDetailsPane .ItemWrap {overflow:hidden;margin-top:5px; }
#ParishDetailsPane .ItemWrap .ItemData {float:right; width: 250px;}
#ParishDetailsPane .ParishDetailsWrap .MoreLink {font-family: Arial, Geneva,sans-serif;font-size: 11px;}

#ParishDetailsPane .EditLink {text-align: right}

/*.ParishFilePane h3, 
.ParishLinkPane h3 { font-size: 16px; text-align:left; font-weight: bold; text-transform: uppercase; }*/
/*#ParishLinkPane .ParishLinkWrap { font-size: 12px; padding:10px;}*/
#ParishLinkPane .ParishLinkWrap .LinkItemWrap {overflow:hidden; margin-top:5px;}
#ParishLinkPane .ParishLinkWrap .LinkItemWrap .ItemTitle {font-weight:bold; float:left; width:95%;min-height:1px;padding-left:5px;}
#ParishLinkPane .ParishLinkWrap .LinkItemWrap .GridControls {min-height: 1px;position: absolute;right: 0%;background: transparent;}
#ParishLinkPane .ParishLinkWrap .LinkItemWrap a {color: #333; cursor:auto;text-decoration:none; font-family: Arial, Geneva,sans-serif;font-size: 11px;}
#ParishLinkPane .ParishLinkWrap .LinkItemWrap a:hover {text-decoration:underline;}
#ParishLinkPane .ParishLinkWrap .NewRecord {text-align: right; padding-top:5px}

/*NewsRss*/
#NewsReaderPane h2 {color: #333; font-size: 13px; text-align:left; font-weight: bold;}
#NewsReaderPane h2 a {color: #333; font-size: 13px; font-weight: bold; text-decoration:none;}
#NewsReaderPane .NewsReaderWrap { font-size: 12px; padding:10px;}
#NewsReaderPane .NewsReaderWrap .NewsItemWrap {overflow:hidden; margin-top:5px;}
#NewsReaderPane .NewsReaderWrap .NewsItemWrap a {color: #333; cursor:auto;text-decoration:none; font-family: Arial, Geneva,sans-serif;font-size: 11px;}
#NewsReaderPane .NewsReaderWrap .NewsItemWrap a:hover {text-decoration:underline;}

#location 
{
	padding:3px;
	margin:5px 0 12px;
}

#location a 
{
    font-weight:bold;
}

/*slider*/
/* UTILITY STYLES */
.floatLeft { float: left; margin-right: 10px;}
.floatRight { float: right; margin-left: 10px;}
.clear { clear: both; }
a { outline: none; }
			
/* PAGE STRUCTURE */
#page-wrap {margin: 0 auto; position: relative; min-height:200px; }

/* SLIDER */
/* .slider-wrap { width: 350px; } */
.stripViewer .panelContainer 
.panel ul { text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; position: relative; } /* height: 100%; */
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { border: 1px solid black; margin-right: 5px; height:40px; width:60px;}

.wrapper h1 {
	text-align: center;
}

.stripViewer .panelContainer .panel,
.stripViewer .panelContainer .panel .wrapper img {
	/*width: 100%;*/
}

.instanceName{ 	
	font-family: 'Roboto Slab', serif; font-size: 28px; font-weight:600; line-height:30px; padding:10px 0;
}
.instanceLogo {
	display: inline-block;
    position: absolute;
    top: 0px;
    left:1050px;
}
.instanceBanner{
	width: 1169px;
	height: 302px
}
.instanceDetails{
	font-family: 'Roboto Slab', serif; font-size: 24px; font-weight:400; line-height:32px; padding:10px; display:none
}

.navicon {
	border-radius: 20px;
	border: 1px solid #fff;
	font-size: 15px;
	font-weight: bold;
	background-color: #fff;
	text-decoration: none!important;
	width: 15px;
	height: 15px;
	padding: 10px;
	z-index:200;
}

/*************************************************************************************************************/
/*(max-width:1024px) iPad 1, 2, 3, 4, Air, Air2, mini, mini2 - 4 (768x1024) + landscape view*/
@media screen and (max-width: 1024px) {
	#websiteContent{
		max-width: 100%; position: relative; overflow: hidden; 
	}
	.instanceLogo{
		left:900px;
	}
	#location-container {
		margin: 0 auto !important; 
	}
	.FileItemWrap {min-height: 70px; border:1px solid transparent}
	 li.cellcol2 {max-width:290px; padding-bottom:20px!important}	
}
/*************************************************************************************************************/
/* (max-width 724/812)iPhoneX landscape view*/
@media screen and (max-width: 812px) {
	.instanceLogo{
		left:720px;
	}
	.instanceName{
	    font-size:32px; max-width:750px; padding: 40px 0 30px 30px; 
	}
	.instanceDetails{
		display:block; margin-top:0px; padding-left:30px
	}
	.columns li.cell {
		width: 210px!important; height: 60px!important;	border-right: 1px solid #fff
	}
	#websiteContent{
		max-width: 100%; position: relative; overflow: hidden; 
	}
	#menuPanel { padding:0!important; height:0; }
	.headerMenu span span {display: none;}
	.navicon {
		display: block; position: relative;	top: 0px; left:30px;
	}
	#parishName { 
		position:relative; top:0px;	display: block;	font-size:28px;	height:80px; margin: 0 20px; padding: 10px; width:740px; 
	}	
	.parishContent { 
		width:768px; min-height:500px;
	}	
	#dnn_ParishPane{ position:relative; }
			
	#dnn_ParishPane #slideshow, #dnn_ParishPane #slideshow .photo img , .instanceBanner{
		width: 768px; height: 328px; display:block
	}
	.manage_photo{ bottom: 0;}
	.mainContentInner{ background-image: none!important; }
	#parishDetailsPanel .parishDetailsContent{ position:relative; left:10px; max-width:750px;top:0px!important; }
	#dnn_LeftPane { 	margin: 20px;}
	.leftPanel{	
		padding-bottom:0; 
	}
	.leftBlock{	padding:0 30px;	width:740px}	
	.contentPanel{ padding-left: 20px;	width:740px;}
	#subMenuPanel.responsive { opacity: 1 }
	#subMenuPanel{
	   top:130px; width: 270px; padding:0px;  position: absolute;  opacity: 0;   transition: all .75s ease;
	}
	#subMenuPanel span{ margin-left:15px;}
	#subMenuPanel h3{ margin-left:45px;margin-bottom:0;}	
	#toTop{ bottom:20px!important;}		
	#footerPanel #loginPanel { display:none;	}	
	.ParishFileWrap{
		-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
	}
	.FileItemWrap {min-height: 70px; border:1px solid transparent}
	 li.cellcol2 {max-width:300px;}
	.ContactItemWrap  {padding: 5px 10px; width:728px}		
	.MassItemWrap div{ margin-right:10px;}
	.ParishFilePane.bundle .more{ padding-right: 100px;}
	#location-container{margin: 0 auto !important;}	
	#ParishMassPane .ParishMassWrap .MassItemWrap .Date { width:150px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Time { width: 80px!important; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Venue { width: 150px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Description { width: 250px!important;}
	
}

/*************************************************************************************************************/
/*max-width:768px)iPad 1, 2, 3, 4, Air, Air2, mini, mini2 - 4 (768x1024) + portrait view*/
@media screen and (max-width: 768px) {
	.instanceLogo{
		left: 650px;
	}
	.instanceName{
	    font-size:32px; max-width:750px; padding: 40px 0 30px 30px; 
	}
	.instanceDetails{
		display:block; margin-top:0px; padding-left:40px
	}
	.columns { max-width:700px; width:650px; column-count: 3!important; }
	#websiteContent{
		max-width: 100%; position: relative; overflow: hidden; 
	}  
	#menuPanel {
		padding:0!important; height:0;
	}
	.headerMenu span span {
		display: none;
	}
	.navicon { 
		display: block;position: relative;	left:20px; top: 0px;
	}
	#parishName { 
		padding: 10px; position:relative; font-size:28px; top:0px; width:765px; height:80px; display:block; 
	}	
	.parishContent {
		margin:0; min-height:530px;	min-width: 765px; width: 100%;
	}
	#dnn_ParishPane{		
		position:relative;				
	}
	#dnn_ParishPane #slideshow, #dnn_ParishPane #slideshow .photo img, .instanceBanner {
		width: 768px; height: 327px;
	}
	.manage_photo{ bottom: 0;}
	#parishDetailsPanel .parishDetailsContent{
		left:20px; top:0px; max-width:730px; position:relative; display:block;	
	}
    .mainContentInner{
		background-image: none!important; 
	}
	#subMenuPanel{
		z-index:195;top:130px; left:0;width: 270px; padding:0; position: absolute; opacity: 0; transition: all .75s ease;
	}
	#dnn_LeftPane {
		margin: 0;
	}
	.leftPanel{	
		padding-bottom:0; width:90%;
	}
	.leftBlock{ 
		padding:0 30px; width: 100%;
	}
	
	#toTop{ 
		bottom:20px!important;
	}
	
	#subMenuPanel.responsive {
	    opacity: 1
	}
	.contentPanel{
		width:90%; padding-left: 0;
	}
	#footerPanel #loginPanel { 
		display:none;
	}
	.ParishFileWrap{
		-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
	}
	.FileItemWrap {min-height: 70px; border:1px solid transparent}
	 li.cellcol2 {max-width:270px; padding-bottom:20px!important}
	.more {padding-right:30px ;}
	#location-container {margin: 0 auto !important; }	
	.MassItemWrap div{	margin-right:5px;}
	.MassItemWrap div{ margin-right:10px; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Date { width:120px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Time { width: 80px!important; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Venue { width: 150px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Description { width: 200px!important;}	
}
/*************************************************************************************************************/
/* (max-width:724/736px) iPhone 7+, landscape view*/
@media screen and (max-width: 724px), screen and (max-width: 736px)  {
	.instanceBanner {
		max-width: 1169px!important;
	}	
	.instanceName{
	    font-size:32px; max-width:710px; padding: 40px 0 30px 10px;height:60px; 
	}
	.instanceDetails{
		display:block; margin-top:0px; margin-left:0px
	}
	.columns, .list {column-count: 2!important; max-width:590px }
	.columns li.cell {
		width: 280px!important; height: 30px!important;
	}
	.navicon {left:10px;}
	#parishName { 
		margin: 0; padding: 10px;max-width:620px;
	}			
	.webContent{ max-width:705px;	}
	.parishContent { 
		width:690px; min-height:500px;
	}
	#dnn_ParishPane #slideshow, #dnn_ParishPane #slideshow .photo img {
		width: 736px; height:299px;
	}
	.manage_photo{ bottom: 0;}
	#parishDetailsPanel .parishDetailsContent{
		left:10px;top:5px; width: 580px;
	}
	#subMenuPanel{  top:160px; }
	#subMenuPanel span{ margin-left:5px;}
	#subMenuPanel h3{ margin-left:20px;margin-bottom:0;}	
	#dnn_LeftPane { 	margin: 20px;}
	.leftPanel{	
		padding-bottom:0; max-width:700px;]
	}
	.leftBlock{	width: 100%; padding:0;	width:680px;}
	.contentPanel{ clear:both;padding-left: 0px; margin-left:-10px; max-width:710px;}
	.FileItemWrap {min-height: 70px; border:1px solid transparent}	
	 li.cellcol2 {max-width:250px; padding-bottom:20px!important}
	.ParishFilePane.bundle .more{ padding-right: 100px;}
	#location-container {margin: 0 auto !important;}			
	.MassItemWrap div{ margin-right:10px;}
}
/*************************************************************************************************************/
/* (max-width:667px) iPhone 7+, landscape view*/
@media screen and (max-width: 667px) {
	.instanceBanner {
		max-width: 1169px!important;
	}	
	.instanceName{
	    font-size:32px; max-width:580px; padding: 40px 0 30px 10px; height:60px;
	}
	.instanceLogo { left:580px; }
	.instanceDetails{
		display:block; margin-top:0px; margin-left:0px
	}
	.columns, .list {column-count: 2!important; max-width:590px }
	.columns li.cell {
		width: 280px!important; height: 30px!important;
	}
	.navicon {left:10px;}
	#parishName { 
		margin: 0; padding: 10px;max-width:620px;
	}			
	.webContent{ max-width:665px;	}
	.parishContent { 
		width:660px; min-height:500px;
	}
	#dnn_ParishPane #slideshow, #dnn_ParishPane #slideshow .photo img,.instanceBanner {
		width: 667px; height:284px;
	}
	.manage_photo{ bottom: 0;}
	#parishDetailsPanel .parishDetailsContent{
		left:10px;top:5px; width: 580px;
	}
	#subMenuPanel{  top:130px; }
	#subMenuPanel span{ margin-left:5px;}
	#subMenuPanel h3{ margin-left:20px;margin-bottom:0;}	
	#dnn_LeftPane { 	margin: 20px;}
	.leftPanel{	
		padding-bottom:0; max-width:650px;	
	}
	.leftBlock{	width: 100%; padding:0;	}
	.contentPanel{ clear:both;padding-left: 0px; margin-left:-10px; max-width:667px;}
	.ParishFileWrap{
		-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
	}
	.FileItemWrap {min-height: 70px; border:1px solid transparent}
	li.cellcol2 {max-width:270px; min-height:120px;padding-bottom:20px!important;}	
	.ParishFilePane.bundle .more{ padding-right: 100px;}
	#location-container,#map-canvas, #map-canvas  iframe {margin: 0 auto !important; width: 600px!important}		
	.ContactItemWrap .ItemData:nth-child(1){width: 25%;}
	.ContactItemWrap .ItemData:nth-child(2){width: 25%;}
	.ContactItemWrap .ItemData:nth-child(3){width: 30%;}
	.MassItemWrap div{ margin-right:10px;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Date { width:100px!important; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Time { width: 90px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Venue { width: 120px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Description { width: 140px!important;}	
}
/*************************************************************************************************************/
/* (max-width:568px) iPhone 6, landscape view*/
@media screen and (max-width: 568px) {
	img:not(.slider-photo){
		width: auto; height: auto;	max-width: 530px;
	}
	.instanceBanner {
		max-width: 768px!important;
	}	
	.instanceName{
	    font-size:24px; max-width:450px; padding: 20px 20px 20px 10px; 
	}
	.instanceDetails{
		display:block; margin-top:0px; margin-left:0px
	}
	.columns { max-width:500px; column-count: 2!important; }
	.columns li.cell {
		width: 230px!important; height: 30px!important;
	}
	.navicon {left:10px;}
	#parishName { 
		margin: 0; padding: 10px;max-width:510px; font-size:24px; font-weight:600; 
	}			
	.webContent{ max-width:560px;}
	.parishContent { 
		width:560px; min-height:420px;	
	}
	#dnn_ParishPane #slideshow, #dnn_ParishPane #slideshow .photo img {
		width: 568px; height:243px;
	}
	.manage_photo{ bottom: 0;}
	#parishDetailsPanel .parishDetailsContent{
		left:10px;top:5px; max-width: 490px; min-height:150px;
	}
	#subMenuPanel{  top:130px; }
	#subMenuPanel span{ margin-left:5px;}
	#subMenuPanel h3{ margin-left:20px;margin-bottom:0;}	
	#dnn_LeftPane { 	margin: 20px;}
	.leftPanel{	
		padding-bottom:0; max-width:550px;	
	}
	.leftBlock{	width: 100%; padding:0;	}
	.contentPanel{ clear:both;padding-left: 0px; margin-left:-10px; max-width:568px;}
	.ParishFileWrap{
		-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
	}
	.FileItemWrap {min-height: 70px; border:1px solid transparent}	
	 li.cellcol2 {max-width:200px; padding-bottom:20px!important}
	.ParishFilePane.bundle .more{ padding-right: 100px;}
	#location-container, #map-canvas, #map-canvas  iframe {margin: 0 auto !important; width: 450px!important}	
	.MassItemWrap div{ margin-right:10px;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Date { width:100px!important; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Time { width: 90px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Venue { width: 120px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Description { width: 140px!important;}	
	
}
/*************************************************************************************************************/
/* (max-width:480px) iPhone 4, landscape view*/
@media screen and (max-width: 480px) {
	img:not(.slider-photo){
		width: auto; height: auto;	max-width: 440px;
	}
	.instanceBanner {
		max-width: 667px!important;
	}	
	.instanceName{
	    font-size:24px; max-width:450px; padding: 20px 20px 20px 10px; 
	}
	.instanceDetails{
		display:block; margin-top:0px; margin-left:0px
	}
	.columns, .list{ max-width:410px; column-count: 2!important; }
	.columns li.cell {
		width:190px!important; height:30px!important;
	}	
	 .navicon {left:10px;}
	#parishName { 
		margin: 0; padding: 10px;max-width:450px; font-size:22px; font-weight:600;
	}			
	.webContent{ max-width:470px;}
	.parishContent { 
		width:470px; min-height:400px;	
	}
	#dnn_ParishPane #slideshow, #dnn_ParishPane #slideshow .photo img {
		width: 480px; height:205px;
	}
	.manage_photo{ bottom: 0;}
	#parishDetailsPanel .parishDetailsContent{
		left:10px;top:5px; max-width: 400px; min-height:120px; 
	}
	#subMenuPanel{  top:130px; }
	#subMenuPanel span{ margin-left:5px;}
	#subMenuPanel h3{ margin-left:20px;margin-bottom:0;}	
	#dnn_LeftPane { 	margin: 20px;}
	.leftPanel{	
		padding-bottom:0; max-width:450px; 
	}
	.leftBlock{	width: 100%; padding:0;	}
	.contentPanel{ clear:both;padding-left: 0px; margin-left:-10px; max-width:470px;}
	.ParishFileWrap{
		-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
	}
	.FileItemWrap {min-height: 70px; border:1px solid transparent}
	li.cellcol2{max-width:190px; height:110px!important; padding-bottom:20px!important;}
	 .ParishFilePane.bundle .more{ padding-right: 100px;}
	 #location-container, #map-canvas, #map-canvas iframe {margin: 0 auto !important; width: 400px!important}
	.MassItemWrap{ padding:10px 5px!important; }
	.MassItemWrap div{ margin-right:7px; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Date { width:90px!important; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Time { width: 70px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Venue { width: 100px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Description { width: 110px!important;}	
	
}
/*************************************************************************************************************/
/* (max-width: 414px) iPhone 6+, 6s+, 7+, 8+ portrait view*/
@media screen and (max-width: 414px) {
	img:not(.slider-photo){
		width: auto; height: auto;	max-width: 340px;
	}
	.instanceBanner {
		max-width: 568px!important;
	}	
	.instanceName{
	    font-size:24px; max-width:325px; padding: 20px 20px 20px 10px; height:90px
	}
	.instanceLogo{
		left:300px; top:20px;
	}
	.instanceDetails{
		display:block;margin-top: 20px; margin-left:0
	}
	.columns, .list { column-count: 1!important; }
	.columns li.cell{ width:350px!important;}
	.navicon {left:5px;}
	#parishName { 
		margin: 0; padding: 5px;max-width:345px;height: 120px;font-size:24px;
	}			
	.webContent{ max-width:370px;	}
	.parishContent { 
		width:365px; min-height:400px;
	}
	#dnn_ParishPane #slideshow, #dnn_ParishPane #slideshow .photo img {
		width: 414px; height:177px;
	}
	.manage_photo{ bottom: 0;}
	#parishDetailsPanel .parishDetailsContent{
		left:0px; top:0px; min-height: 180px; max-width:330px;
	}
	#subMenuPanel{  top:160px; }
	#subMenuPanel span{ margin-left:0px;}
	#subMenuPanel h3{ margin-left:10px;margin-bottom:0;}	
	#dnn_LeftPane { 	margin: 20px;}
	.leftPanel{	
		padding-bottom:0; max-width:355px;
	}
	.leftBlock{	width: 100%; padding:0;	}
	.contentPanel{ clear:both;display:block;padding-left: 0px; margin-left:-10px; max-width:400px; }
	.ParishFileWrap{
		-moz-column-count: 1; -webkit-column-count:1; column-count:1;
	}	
	.ParishFilePane.bundle .more{ padding-right: 100px;}	
	#location-container, #map-canvas, #map-canvas iframe{width:350px!important;}	
	.ContactItemWrap  {padding: 5px 10px;}
	.ContactItemWrap .ItemData {width:100%!important;}	
	.MassItemWrap { padding:5px!important; display:table; width: 360px !important;}
	.MassItemWrap div{ margin-right:10px;margin-bottom:10px;}	
	#ParishMassPane .ParishMassWrap .MassItemWrap .Date { width:360px!important; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Time { width: 80px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Venue { width: 120px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Description { width: 120px!important;}
	.FileItemWrap { width:350px;}
	li.cellcol2 {max-width:350px; min-height:100px;padding-bottom:20px!important;}	
}
/*************************************************************************************************************/
/* (max-width: 375px) iPhone X, 6, 6s, 7, 8 portrait view*/
@media screen and (max-width: 375px) {
	img:not(.slider-photo,.instanceBanner){
		width: auto; height: auto;	max-width: 330px;
	}
	.instanceBanner {
		width: 626px; height:160px;
	}	
	.instanceName{
	    font-size:24px; max-width:325px; padding: 20px 20px 20px 10px; height:90px;
	}
	.instanceDetails{
		display:block;margin-top: 20px;
	}
	.instanceLogo{left:285px; }
	.columns , .list{ column-count: 1!important; }
	.columns li.cell{ width:310px!important; height:30px!important;}
	.navicon {left:5px;}
	#parishName { 
		margin: 0; padding: 5px;max-width:345px;height: 120px;font-size:24px;
	}			
	.webContent{ max-width:370px;	}
	.parishContent { 
		width:365px; min-height:400px;
	}
	#dnn_ParishPane #slideshow, #dnn_ParishPane #slideshow .photo img {
		width: 375px; height:160px;
	}
	.manage_photo{ bottom: 0;}
	#parishDetailsPanel .parishDetailsContent{
		left:0px; top:0px; min-height: 180px; max-width:330px;
	}
	#subMenuPanel{  top:160px; }
	#subMenuPanel span{ margin-left:0px;}
	#subMenuPanel h3{ margin-left:10px;margin-bottom:0;}	
	#dnn_LeftPane { 	margin: 20px;}
	.leftPanel{	
		padding-bottom:0; max-width:355px;
	}
	.leftBlock{	width: 100%; padding:0;	}
	.contentPanel{ clear:both;display:block;padding-left: 0px; margin-left:-10px; max-width:375px; }	
	.ParishFileWrap{
		-moz-column-count: 1; -webkit-column-count:1; column-count:1;
	}	
	.ParishFilePane.bundle .more{ padding-right: 100px;}	
	#location-container, #map-canvas, #map-canvas iframe {width:300px!important;}	
	.ContactItemWrap  {padding: 5px 10px; width:310px}
	.ContactItemWrap .ItemData {width:100%!important;}	
	.MassItemWrap { padding:5px!important; display:table; width:320px!important}
	.MassItemWrap div{ margin-right:7px; margin-bottom:10px; }	
	#ParishMassPane .ParishMassWrap .MassItemWrap .Date { width:320px!important; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Time { width: 70px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Venue { width: 110px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Description { width: 120px!important;}
	.FileItemWrap { width:300px;}
	li.cellcol2 {max-width:300px; min-height:90px;padding-bottom:20px!important;}	
}
/*************************************************************************************************************/
/* (max-wdth 320) iPhone 4, 5, 6, 8 portrait view*/
@media screen and (max-width:320px) {
	img:not(.slider-photo){
		width: auto; height: auto;	max-width: 290px;
	}
	.instanceBanner {
		max-width: 480px!important;
	}	
	.instanceName{
	    font-size:24px; max-width:325px; padding: 20px 20px 20px 10px; 
	}
	.instanceLogo{ display: none}
	.instanceDetails{
		display:block; margin-top: 20px; margin-left: -10px; max-width:250px
	}
	.columns,.list { max-width:250px; column-count: 1!important;  }
	.columns li.cell { width: 250px!important}
	#parishName { 
		height: 120px; max-width: 290px; font-size:20px; font-weight:600;
	}	
	.mainContentInner{ 
		width: 41%!important;
	}
	#dnn_ParishPane #slideshow,	#dnn_ParishPane #slideshow .photo img {
		width:320px; height: 137px;
	}
	#parishDetailsPanel .parishDetailsContent{
		left:0px; top:0px; min-height: 150px;max-width:280px;
	}
	#subMenuPanel{ top:159px; left:0px;}	
	#subMenuPanel span{ margin-left:5px;}
	#subMenuPanel h3{ margin-left:20px;margin-bottom:0;}
	.contentMain {
		padding: 0px 20px 10px 30px;
	}
	.contentPanel{ max-width:320px;}
	#location-container, #map-canvas, #map-canvas iframe {width:260px!important;}
	.ContactItemWrap  {padding: 5px 10px; width:250px!important;}
	.ContactItemWrap .ItemData {width:100%!important;}	
    .MassItemWrap {width:290px!important; margin-left:-10px;}
	.MassItemWrap div{ margin-right:7px; float:left; margin-bottom:10px; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Date { width:280px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Time { width: 70px!important; }
	#ParishMassPane .ParishMassWrap .MassItemWrap .Venue { width: 90px!important;}
	#ParishMassPane .ParishMassWrap .MassItemWrap .Description { width: 100px!important;}	
	.FileItemWrap {width:280px;}	
	li.cellcol2 {max-width:280px; min-height:120px;padding-bottom:20px!important;}	
}